/**
 * 目标1：验证码登录
 * 1.1 在 utils/request.js 配置 axios 请求基地址
 * 
 * 1.2 收集手机号和验证码数据
 * 
 * 1.3 基于 axios 调用验证码登录接口
 * 1.4 使用 Bootstrap 的 Alert 警告框反馈结果给用户
 */

document.querySelector('.btn').addEventListener('click', () => {
    const data = serialize(document.querySelector('.login-form'), { hash: true, empty: true })
    console.log(data);
    axios({
        url: '/v1_0/authorizations',
        method: 'post',
        data
    }).then(res => {
        console.log(res);   //由于响应拦截器，这里的res直接为内部的data数据
        /*         alertDOM.classList.add('alert-success')
                alertDOM.classList.add('show')
                alertDOM.innerText = res.data.message
                setTimeout(() => {
                    alertDOM.classList.remove('show')
                }, 2000) */
        //两个参数   第一个是否成功（true/false）  第二个 信息内容
        myAlert(true, '登录成功')

        //保存token 令牌字符串   
        localStorage.setItem('token', res.data.token)    //由于响应拦截器，这里的res直接为内部的data数据
        //登录成功跳转页面
        setTimeout(() => {
            location.href = '../content/index.html'
        }, 1500)
    }).catch(err => {
        console.dir(err)
        /*         alertDOM.classList.add('alert-danger')
                alertDOM.classList.add('show')
                alertDOM.innerText = err.response.data.message
                setTimeout(() => {
                    alertDOM.classList.remove('show')
                }, 2000) */

        myAlert(false, err.response.data.message)
    })
})
